<template>
    <div class="child1">
        <h1>孙子组件</h1>
        <p>{{car}}</p>
        <button @click="updateCar">更新数据</button>
    </div>
</template>

<script setup lang="ts">
  import { inject } from "vue";
  //注入祖先组件提供数据
  //需要参数:即为祖先提供数据的key
  let car = inject("TOKEN");
  // 将父组件提供的数据，有法拉利修改为自行车
  const updateCar = () => {
    car.value = "自行车";
  };
</script>

<style scoped>
    .child1 {
        width: 200px;
        height: 200px;
        background: red;
    }
</style>